<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>个人博客系统</title>
	<script type="text/javascript" src="/api/App/Views/blog/js/jquery.js"></script>
	<link href="/api/App/Views/blog/css/left.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="/api/App/Views/blog/js/left.js"></script>
	<script type="text/javascript" src="/api/App/Views/blog/js/scripts.js"></script>
</head>
<style>
.container {
	width: 800px;
	height: 600px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}
#top {
	font-family: "Source Code Pro";
	color: #FFFDFF;
	font: 13px white;
	position: absolute;
	margin: 0 auto;
	top: 0px;
	bottom: auto;
	left: 0px;
	right: 0px;
	width: 820px;
	height: 50px;
	z-index: 0;
	padding:  24px 0px 0px 0px;
	background: #0b58a2;
	border: 1px solid rgb(187, 187, 187);
	overflow: auto;
	display: block;
	visibility: visible;
	overflow: hidden;
}
#top li {
  	display: inline-block;
  	margin: 3px 10px;
  	padding: 0;
  	cursor: pointer;
	border: #0a0a0a 1px	;
	background: #1d5987;
}
#sidebar {
	margin-top: 1px;
	padding-left: 0px;
	display: inline-block;
	bottom: 0px;
}
#container{
	display: block;
	position:absolute;
	left:50%;
	margin-left: -410px;
	top:74px;
	width:820px;
	height: 860px;
	margin-top: 3px;
}
#footer{
	position: absolute;
	bottom: 0px;
	background: #FFFDFF;
	left:50%;
	top: 940px;
	margin-left: -400px;
	width: 800px;
	height: 50px;
}
#container #left{
	border: #0b93d5 solid 1px;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width:140px;
	height: 860px;
	background: #0b58a2;
}

#container #right{
	vertical-align:top;
	top: 0px;
	display: inline-block;
	background: #FFFDFF;
	width: 666px;
	height: 860px;
	float: top;
	border: #0b93d5 solid 1px;
	border-radius: 1px;

}

</style>

<body>
<div id="top">
	<div style="display: inline;float: right">这是一个纯手敲出来的博客</div>
	<div id="sidebar">
		<ul style="padding-left: 0px">
			<li><a href="/api/public/Blog/index">文章</a></li>
			<li>项目</li>
			<li>杂文</li>
		</ul>
	</div>
</div>
<div id="container">
	<div id="left">
		<!--包裹层-->
		<div class="navMenuBox" >
			<!--一级菜单-->
			<ul class="navMenu" id="navMenu">
				<!--菜单项-->
			</ul>
			</ul>
		</div>
	</div>
	<div id="right">
		{% if index == true %}
		{% for doc in docs %}
		<div style="width: 660px; height: 160px; border-bottom: #0b58a2 solid 2px ;margin: 5px 5px 5px 0px; overflow:hidden;padding-bottom: 4px;">
			<div class="title" style="font-size: 12px;font-weight: bold">
				<p style="display: inline;margin-left: 5px;">2019-08-04  </p>
				<p style="display: inline;margin-left: 5px;"><a href="/api/public/Blog/article?title={{doc.title}}">{{doc.title}}</a></p>
				<p style="display: inline;margin:0px;float: right; margin-right: 20px">管理員</p>
			</div>
			<div style="width: 600px;height: 140px;font-size: 10px;margin-top: 10px;">
				{{ doc.content | raw}}
			</div>
			<p style="vertical-align: bottom;font-size: 12px;">read more</p>
		</div>
		{% endfor %}
		{%else%}
			<div style="width: 670px; height: 100%; border-bottom: #0b58a2 solid 1px ;margin: 5px 5px 5px 5px;">
				<p style="display: block;font-size: 16px;text-align: center;font-family: 黑体;">
					<br>{{ title }}</br>
				</p>
				<div  style="width: 670px;height: 800px; display: block;font-size: 14px;text-align: left;font-family: 黑体;">
					{{ content | raw}}
				</div>
			</div>
		{% endif %}
	</div>
</div>
<div id="footer">
	<p style="font-size: 5px;margin: auto;width: 250px;text-align: center">个人网站,备案号: 闽ICP备19002644号-1</p>
	<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">testingcloud.club</p>
	<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">技术交流</p>
</div>
</body>
